import { Button } from "./components/button/button";
import { Card } from "./components/card/card";
import { TextField } from "./components/textfield/textfield";
import { Table } from "./components/table/table";
import { THead } from "./components/table/thead";
import { Tr } from "./components/table/tr";
import { Td } from "./components/table/td";
import { TBody } from "./components/table/tbody";
import { Tag } from "./components/tag/tag";
function App() {
  return (
    <>
      <Button label="1111111111" isLinear disabled />
      <Card>11111</Card>
      <TextField type="search" placeholder="1111" />
      <Table>
        <THead>
          <Tr>
            <Td>111111</Td>
            <Td>111111</Td>
            <Td>111111</Td>
            <Td>111111</Td>
            <Td>111111</Td>
            <Td>111111</Td>
          </Tr>
        </THead>
        <TBody>
          <Tr>
            <Td>111111</Td>
            <Td>111111</Td>
            <Td>111111</Td>
            <Td>111111</Td>
            <Td>111111</Td>
            <Td>111111</Td>
          </Tr>
        </TBody>
      </Table>
      <Tag>1111</Tag>
    </>
  );
}

export default App;
